<div class="content-top">
    <h6>
        <span>{{detailAddress}}</span>
    </h6>
    <h6>
                <span>
                <span>{{startDate}}</span>
                <span style="margin-top: 22px;"><small>{{theDate}}</small></span>
                <span>{{endDate}}</span>
                </span>
    </h6>
</div>
<div class="content-center">
    <iframe src=map-page/hotel-search.html?id={{id}} height="200px" width="100%" frameborder="0" id="iframe"></iframe>
</div>
<div class="content-bottom">
    <h6>当前位置:<small id="address"></small></h6>
    <h6>当前时间:<small>00:00</small></h6>
    <h6>
        <span> 打卡情况:<small  id="state1"></small><small  id="state2"></small></span>
        <a href="map-page/bus-search.html"><img src="../images/bus-query.png" class="bus-query" height="50" style="float: right;margin-top: -25px;margin-right: -40px"></a>
    </h6>
    <img src="../images/check-icon.png" class="check-icon">
    <input type="button" disabled class="btn" id="btn" value="打卡">
</div>